<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>
    <link href="./../lib/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/cheap.css">
    <link rel="stylesheet" href="../css/publicfooter.css">
    <!-- [if lt IE 9]>
      <script src="./lib/html5shiv/html5shiv-printshiv.min.js></script>
      <script src="./lib/respond/respond.js"></script>
    <![endif] -->
</head>

<body>
    <!-- 头部 -->
    <div class="pro_header">
        <a href="../index.html" class="glyphicon glyphicon-menu-left black"></a>
        <p>白菜价-淘宝内部券</p>
        <a href="javascript:;" class="load">
            <span><img src="../images/header_app.png "width="34" alt=""></span>
        </a>
    </div>
    <!-- tab内容 -->
    <div class="cheap_tabs">
        <!-- tabs -->
        <div class="tab_parent">
            <ul class="nav nav-tabs" role="tablist">
                <!-- <li role="presentation" class="active"><a href="#c1" aria-controls="home" role="tab" data-toggle="tab">全部</a></li>
                        <li role="presentation"><a href="#c2" aria-controls="profile" role="tab" data-toggle="tab">热销</a></li>
                        <li role="presentation"><a href="#c3" aria-controls="messages" role="tab" data-toggle="tab">9块邮</a></li>
                        <li role="presentation"><a href="#c4" aria-controls="settings" role="tab" data-toggle="tab">19块邮</a></li>
                        <li role="presentation"><a href="#c5" aria-controls="settings" role="tab" data-toggle="tab">数码家电</a></li>
                        <li role="presentation"><a href="#c6" aria-controls="settings" role="tab" data-toggle="tab">居家</a></li>
                        <li role="presentation"><a href="#c7" aria-controls="settings" role="tab" data-toggle="tab">美食</a></li>
                        <li role="presentation"><a href="#c8" aria-controls="messages" role="tab" data-toggle="tab">男装</a></li>
                        <li role="presentation"><a href="#c9" aria-controls="settings" role="tab" data-toggle="tab">女装</a></li>
                        <li role="presentation"><a href="#c10" aria-controls="settings" role="tab" data-toggle="tab">鞋包配饰</a></li>
                        <li role="presentation"><a href="#c11" aria-controls="settings" role="tab" data-toggle="tab">文体</a></li>
                        <li role="presentation"><a href="#c12" aria-controls="settings" role="tab" data-toggle="tab">母婴</a></li>
                        <li role="presentation"><a href="#c13" aria-controls="settings" role="tab" data-toggle="tab">美妆</a></li> -->
            </ul>
        </div>
        <!-- Tab panes -->
        <div class="tab-content">
        </div>
    </div>
      <!-- 底部 -->
      <div class="footer">
            <div class="container-fluid">
                <div class="row">
                    <ul class="footerList">
                        <li class="col-xs-4">
                            <a href="javascript:;">
                                登录
                            </a>
                        </li>
                        <li class="col-xs-4">
                            <a href="javascript:;">
                                注册
                            </a>
                        </li>
                        <li class="col-xs-4">
                            <a href="javascript:;">
                                <span class="glyphicon glyphicon-arrow-up"></span>
                                返回顶部
                            </a>
                        </li>
                    </ul>
                    <p>
                        <a href="javascript:;">
                            <span>
                                手机app下载
                            </span>
                        </a>&nbsp;&nbsp;&nbsp;
                        <a href="javascript:;">
                            <span>
                                慢慢手机版下载
                            </span>
                            <span>
                                --掌上比价平台
                            </span>
                        </a>
                    </p>
                    <p>m.manmanbuy.com</p>
                </div>
            </div>
        </div>
    <script src="./../lib/jquery/jquery.js"></script>
    <script src="./../lib/bootstrap/js/bootstrap.js"></script>
    <script src="./../zepto1/src/zepto.min.js"></script>
    <script src="./../zepto1/src/fx.js"></script>
    <script src="./../zepto1/src/touch.js"></script>
    <script src="../js/template-native.js"></script>
    <script src="../js/iscroll.js"></script>
    <script src="../js/cheap.js"></script>
    <script src="../js/backtop.js"></script>

    <!-- 模板引擎 -->
    <script type="text/template" id="tabList">
        <% for(var i=0;i<result.length;i++){%>
                <li data-id="<%=result[i].titleId%>" role="presentation" class="<%=i==0?'active':''%>"><a href="<%=result[i].titleId%>" aria-controls="<%=result[i].titleId%>" role="tab" data-toggle="tab"><%=result[i].title%></a></li>
        <% } %>
    </script>
    <script type="text/template" id="conList">
        <% for(var i=0;i<result.length;i++){%>
            <div role="tabpanel" class="tab-pane active" id="<%=result[i].titleId%>">
                <div class="pro_img">
                       <%=#result[i].productImg%>
                </div>
                <div class="pro_tex">
                        <%=#result[i].productName%>
                       <div>
                            <%=#result[i].productPrice%>
                        </div>
                        <div class="progress">
                            <%=#result[i].productCouponRemain%>
                        </div>
                        <%=#result[i].productCoupon%>
                       <%=#result[i].productHref%>
                </div>
            </div>
        <% } %>
    </script>
</body>

</html>